@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

html {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  width: 100%;
  font-size: 10px; }

body {
  line-height: 1;
  color: #303030;
  background-color: #f7f7f7;
  font-family: "SimHei","Helvetica Neue",Arial,"Droid Sans", sans-serif;
  width: 100%;
  font-size: 10px;
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto !important; }

/* ios默认文本框阴影 */
input[type=text], textarea {
  -webkit-appearance: none; }

/* 低版本安卓文本框层级问题 */
input:focus {
  -webkit-user-modify: read-write-plaintext-only; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a, button, input {
  outline: 0 none;
  text-decoration: none; }

img {
  border: 0 none;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic; }

.fr {
  float: right; }

.fl {
  float: left; }
.width-100{ width:100% !important}
.co-yellow{ color:#f6a70e}
.co-blue{ color:#1ba7eb}
.co-red{ color:#e43e39}

.common-wrapper {
  width: 100%; }
.he100{ height:100px;}
/*四边*/
/*border*/
	
.header-1 {
    min-height:44px;
    padding:0;
    margin:0;
    text-decoration: none;
    color:#252525;
    width:100%;
	background-color:#f7f7f7;
	position:fixed;
	top:0;
	left:0;
	z-index:105;
}

.header-icon-search span {
    width:14px;
    height:14px;
    background-position: -84px 0;
    margin:8px 0 0 8px;
}
.header-title-1 {
    margin:0 50px;
    text-align: center;
    height:44px;
    line-height: 44px;
    font-size:16px;
}
/* JD Header Shortcut */
.header-shortcut {
    display: table;
    width: 100%;
    background: #404042;
    height:57px;
}
.header-shortcut li {
    display: table-cell;
    width:25%;
    text-align: center;
}
.header-user{ position:absolute; right:0; top:0; display:block; width:44px; height:44px; background:url(../image/user-icon.png) no-repeat center; background-size:60%;}

.index-top{position:relative;height:4.8em;z-index: 999;}
.header{height:4.8em;background-color:#fff; border-bottom:1px solid #dfe9e8; position:fixed;top:0;left:0;right:0;width:100%;z-index:100}
.header-title{ display: block;width: 60%;height: 2.8em;margin:0 auto;line-height: 2.8em;vertical-align: middle;font-size: 1.8em;text-align: center;overflow:hidden;color:#666;font-weight:normal}
.index-return{ display:block; position:absolute; left:0; top:0; width:4.8em; height:4.8em; background:url(../image/return.png) no-repeat center; background-size:50%;}
/* JD AutoComplete */
#diver {
    height: 44px;
}
/*图片轮播*/
.switch-img{
	width:100%;
	min-height:100px;
	background-color:#fff;
	margin-bottom: 12px;
	margin-top:44px;
}
.switch-img img{ width:100%;}
.mui-scroll-wrapper{ width:100%; min-height:12em; background-color:rgba(255,255,255,0.5);}
.new-banner-num{
    padding: 0;
    margin: 0;
}
.new-banner-num .new-tbl-cell {
    background: none repeat scroll 0 0 #aaa;
    border-radius: 6px;
    display: inline-block;
    height: 6px;
    margin-left: 6px;
    text-indent: -9999px;
    width: 6px;
    box-shadow: 0 0 1px 1px rgba(130, 130, 130, 0.7);
}
.new-banner-num .new-tbl-cell a {
    display: block;
}
.new-banner-num .new-tbl-cell.on {
    background-color: #ffffff;
}
.scroll-wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}
.scroll-wrapper .scroller {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.scroll-wrapper .scroller li {
    float: left;
    text-align: center;
}
.scroll-wrapper .scroller li img {
    width: 100%;
    vertical-align:top;
}
.new-banner-num {
    bottom: 3px;
    height: 10px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    padding-right: 4px;
}
.new-tbl-type {
    display: table;
    width: 100%;
}
/*模块*/
.floor{ position:relative; background-color:#FFF; overflow:hidden; width:100%; margin-bottom: 12px;}
.discount-floor ul li{ float:left; width:50%; overflow:hidden}
.discount-floor ul li img{ width:100%;}

.floor-title{ padding:14px 12px; font-size:16px;}
.floor-title span{ float:right; margin-right:5px; color:#999; font-size:14px; margin-top:2px;}
.floor-title i{ display:block; float:right; width:14px; height:14px; background:url(../image/title-right.png) no-repeat right; background-size:100%; margin-top:1px;}

.floor-menu-1 li{ float:left; width:24%; text-align:center;}
.floor-menu-1 li img{ width:50%; margin:16px 0 12px;}
.floor-menu-1 li div{ font-size:14px; padding-bottom:16px; color:#666;}

.half-floor,.up-floor,.down-floor{float:left; position:relative}
.half-floor{ width:50%;}
.up-floor,.down-floor{ width:25%;}
.floor-menu-2 li img{ width:100%;}

/*商品列表*/
.floor-title-2{ width:100%; color:#666; font-size:16px; padding:14px 0; text-align:center;}

/*----------index----------*/
.channel-floor{ /*margin-top:1.3em;*/}
.channel-floor-ul{ padding:0 1.1em;}
.channel-floor-ul li{ width:99%; height:auto; background-color: #f3f3f3; position:relative;  margin-bottom:1.5em;border:1px solid #e3e3e3; border-bottom:2px solid #e3e3e3;}
.channel-floor-ul li:last-child.p-price{ padding-bottom:0;}
.channel-floor-ul .p-img{ display:block; width:100%;}
.channel-floor-ul li img{ width:100%; position:relative}
.channel-floor-ul .p-promotion{ width:100%; height:2.25em; font-size:1.2em; background-color:rgba(0,0,0,.7); position:relative; left:0; bottom:2.25em; 
color:#FFF; line-height:2.25; text-indent:0.5em; letter-spacing:1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.channel-floor-ul .p-name{ font-size:1.8em; line-height:1.4em; color:#4d4d4d; margin-bottom:2em; padding:0 0.3em;}
.channel-floor-ul .p-name span{ font-size:0.8em;}
.channel-floor-ul .p-price{padding-bottom:2.4em;}
.channel-floor-ul .p-price-now{ font-size:2.5em; color:#dd5e00;}
.channel-floor-ul .p-price-now span{font-size: 0.6em;margin: 0 0.5em;color: #666;}
.channel-floor-ul .p-price-cost{ font-size:1.3em; color:#808080; margin-left:0.8em; text-decoration:line-through;}
.channel-floor-ul .p-buy{ display:block; float:right; width:7em; height:2.5em; border-radius:5px; margin-top:-0.56em; background-color:#de4046; color:#FFF !important; font-size:1.6em; line-height:2.5em; text-align:center;}
.channer_media{width:96%; height:auto; margin-top:-2.6em; padding:1em 2% 0;background-color:#f3f3f3;}
.p-price-now{ font-size:1.8em; color:#dd5e00;}
.p-price-now span{font-size: 0.6em;margin: 0 0.5em;color: #666;}
.p-price-cost{ font-size:1.2em; color:#808080; margin-left:0.8em; text-decoration:line-through;}
.p-jifen{font-size:1.4em !important; color:#444;}
.p-jifen b{ color:#de4046; font-size:1.4em !important; margin-right:0.1em;}
/*----------index2----------*/
.floor-two-ul{ padding:0; position:relative; margin-top:3%}
.floor-two-ul .p-img img{ display:block; min-height: 100px; max-height: 276px;}
.floor-two-ul li{ width:45.5%; padding:1%; float:left; margin-left:3%; background-color:#FFF; border: 1px solid #f3f3f3;  height:auto; position:relative;  margin-bottom:2.5%;}
.floor-two-ul .p-promotion{ width:100%; height:2.25em; font-size:1.2em; position:relative; left:0; bottom:0em; 
color:#666; line-height:2.25; text-indent:0.5em; letter-spacing:1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.floor-two-ul .channer_media{ margin-top:0; padding-top:0; background-color:#FFF;}
.floor-two-ul .p-name{ font-size:1.2em; line-height:1.4em; color:#4d4d4d; margin:0.5em 0; height:2.5em; overflow:hidden}
.floor-two-ul .p-price-now{ font-size:1.6em; color:#de4046;}
.floor-two-ul .p-price{ padding-bottom:0}
.p-price i{ display:block; width:2em; height:2em; background:url(../image/index-car.png) no-repeat right; float:right; background-size:80%;}
.tag{ position:absolute; font-size:1em; left:0; top:0; color:#666; width: 0; height: 0; border-top: 3.2em solid #de4046; border-right: 3.2em solid transparent; text-align: center; z-index:99}
.tag-tltle{ position:absolute; font-size:1em; color:#FFF; height:2.4em; line-height:2.4em; left:0.1em; top:0; z-index:100; -webkit-transform:rotate(-45deg);}

.floor-two-A li{padding-bottom: 2%;}
.floor-two-A .p-price-now{ font-size:1.4em; color:#999; float:left;margin-top: -0.1em;}
.floor-two-A .p-price-now small{ display:block; font-size:0.9em; padding-bottom: 0.1em;}
.floor-two-A .p-price-now p{ color:#666; font-size:0.8em;}
.floor-two-A .p-price-now p b{ color:#de4046; font-size:1.4em;}
.floor-two-A li{width: 44.5%; border:none}
.p-price strong{ float:right; padding:0.4em 0.6em; color:#fff; background-color:#f72727;}
/*----------index3----------*/
.floor-three-ul{ padding:0}
.floor-three-ul li{  width:95.5%; margin:1%; padding:1%; background-color:#FFF; height:12em; margin-bottom:2%;border-bottom: 1px solid #e3e3e3;}
.floor-three-ul li a{ display:block; overflow:hidden}
.floor-three-ul li img{ float:left; max-width:12em; max-height:12em; min-height:12em; min-width:12em;}
.channer-three-media{ width:58%; float:right; margin:0 2%; font-size:1em;}
.channer-three-media .p-name{ font-size:1.4em;margin: 0.5em 0; height:2.8em; overflow:hidden; padding:0;}
.channer-three-media .p-dis{ color:#999; font-size:1.2em; height:2.8em; line-height:1.4em; overflow:hidden; letter-spacing:1px;}
.channer-three-media .p-price-now{ display:block; width:8em; font-size:1em !important; color:#fff; padding:0.3em 0.5em 0.2em; float:right; border-radius:5px;
 background:url(../image/index-car-3.png) no-repeat right; background-size:28%; background-position:5.9em 0.35em; background-color:#de4046;}
.channer-three-media .p-price-con{ text-align:center; width:5em;}
.channer-three-media .p-price-now b{ display:block; font-size:1.2em;}
.channer-three-media .p-price{ padding-bottom:0; padding-top:0.2em;overflow: hidden;}
.channer-three-media .p-price-ago{ float:left; font-size:1.5em; color:#de4046; margin-top:0.4em;}
.channer-three-media .p-price-sc{ font-size:1.2em; color:#444; margin-top:0.8em;}
.ky-jifen{color:#fe3227; font-size:1.8em; position:absolute; bottom:1.5em;  right:1.5em;z-index:99;}
.buy-now{ display:block; position:absolute; width:6em; height:3em; right:-0.45em; bottom:0.5em; background:url(../image/buy-now.png) no-repeat right; background-size:100%;}
.channer-three-media .p-price-sc b{ color:#de4046; font-size:1.2em}



/* 一像素细线 */
.border-t{ position:absolute; top:0px; left:0; width:100%; height:1px; border-bottom:1px solid #e1e1e1; -webkit-transform: scaleY(0.5); }
.border-b{ position:absolute; content:""; bottom:0px; left:0; width:100%; height:1px;  border-top:1px solid #e1e1e1; -webkit-transform: scaleY(0.5);}
.border-r:after{position:absolute; content:""; top:0px; left:50%; width:1px; height:100%;  border-right:1px solid #e9e9e9; -webkit-transform: scaleX(0.5);}
.half-floor:after{position:absolute; content:""; top:0px; right:0; width:1px; height:100%;  border-right:1px solid #e9e9e9; -webkit-transform: scaleX(0.5);}
.up-floor:after,.down-floor:after{position:absolute; content:""; top:0px; right:0; width:1px; height:100%;  border-right:1px solid #e9e9e9; -webkit-transform: scaleX(0.5);}
.up-floor:before{position:absolute; content:""; bottom:0px; left:0; width:100%; height:1px;  border-bottom:1px solid #e9e9e9; -webkit-transform: scaleY(0.5);}

/* 分类列表 */ 
.main_box{width: 100%;height: 100%;}
.class_list_nav{ position:fixed; left:0; top: 4.5em; width: 23.5%; background-color: #eee;height: 100%; overflow:auto; min-height:960px;  margin-right: -1px;z-index: 1000;}
.class_list_nav:after{ position:absolute; content:""; right:0; top:0; width:1px; height:100%; border-right:1px solid #e6e6e6; z-index:1}
.class_list_nav ul li{ width:92.5%; text-align:center; height:3.6em; line-height:3.6em; font-size:1.3em;border: 1px solid #eee; border-top:none; border-left: 0.2em solid #eee; border-right: 0.4em solid #eee;}
.class_list_nav ul li:last-child{ margin-bottom: 6em;}
.class_list_nav ul li.on{width:100%;border: 1px solid #e6e6e6;border-top:none;border-left:0.2em solid #ff2832;border-right: 0.4em solid #fff;background-color: #fff;
padding-right:1px;color: #ff2832;position:relative;z-index:3; }
.class-box{ position:fixed; right:0; top:4.5em; width: 77%; padding:2%; padding-bottom:20%; height: 96%; overflow:auto; z-index:1000; background-color: #fff;}
.class-box-sub{padding-bottom:5em;}
.class-box-sub h3{line-height: 1.2em;font-size: 1.2em;font-weight: normal;padding: 1em 0 0.5em;color: #4d525d; clear:both;}
.class-box-sub ul li{width: 33.333%;float: left;}
.class-box-sub ul li:last-child{ margin-bottom:2em;}
.class-box-sub ul li div{padding: 3px;}
.class-box-sub ul li div a{ display:block; background-color: #f3f3f3; padding:3px;}
.class-box-sub ul li div img{ display:block; width: 100%;min-height: 50px;}
.class-box-sub ul li div span{text-align: center;display: block;line-height: 2.5em;height: 2em;font-size: 1em;overflow: hidden;color: #4d525d; 
width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.class_list_nav::-webkit-scrollbar {width:0px; height:0px; }
.class_list_nav::-webkit-scrollbar-button { background-color:#fff;}
.class_list_nav::-webkit-scrollbar-track {background:#fff; }
.class_list_nav::-webkit-scrollbar-thumb{background:#fff; border-radius:4px;}
.class_list_nav::-webkit-scrollbar-corner {background:#fff;}
.class_list_nav::-webkit-scrollbar-resizer  { background:#fff;}
.class-box::-webkit-scrollbar { width:0px; height:0px; }
.class-box::-webkit-scrollbar-button { background-color:#fff;}
.class-box::-webkit-scrollbar-track {background:#fff;}
.class-box::-webkit-scrollbar-thumb{ background:#fff;border-radius:4px;}
.class-box::-webkit-scrollbar-corner {background:#fff;}
.class-box::-webkit-scrollbar-resizer { background:#fff; }	


/*-------------选择规格------------*/
.shade {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  overflow: hidden;
}
.option {display:none;position:fixed; bottom:0;font-size:1.4em;width:100%;border-top: 1px solid #ddd;background-color: white;
z-index:10000;color: #4d525d;font-weight:normal;/*-webkit-animation: slideUp-100 ease-in-out .3s forwards;-webkit-animation-delay: .1s; opacity:0;*/}
.option .option-title{ padding:1em 3%; border-bottom:1px solid #eee; font-size:1.3em; position: relative;}
.option .option-title a:hover{ background-color:#eee;}
.option .option-close{ display:block; position:absolute; font-size:1.6em; padding:0.2em 0.5em; position:absolute; right:0em; top:0; color:#666;}
.option .option_name{width:94%; height:auto; padding:3%; font-size:1.2em; background-color:#f6f6f6;}
.option_name div{ font-size:1.2em; color:#de4046; margin-top:0.2em;}
.option .option_detail{height:auto; max-height:20em; overflow:auto;}
.option .option_detail h3,.option .option_detail ul{ clear:both;}
.option .option_detail h3 {padding:0 3%;color: #4d525d;font-size: 1.2em;margin: 1em 0 0;clear: both;font-weight: normal;}
.option .option_detail ul{ height:auto; overflow:hidden; padding-bottom:1em; padding:0 3%}
.option .option_detail ul li {-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: .375em;margin-left: .5em;min-width: 4em;padding:0.8em 1.2em;border: 1px solid #e5e5e5;
text-align: center;border-radius: .5em;font-size: 1em;color: #4d525d;line-height: 2rem;background-color: #f8f8f8;float: left;}
.option .option_detail ul li.on {border: 1px solid #fe435d;background-color: #fe435d;color: white;}
.arrow1{ padding:1em 3%; border-bottom:1px solid #ddd; font-size:1.3em; position: relative;}

/*------------选择数量 start-------------*/
.option1{ display:block; overflow:hidden; width:12em; height:2.8em; border:1px solid #CCC; position:relative; text-align:center}
.option1 .btn-del{display:block;width:3.4em;height:2.8em;background:url(../image/number-min.png) no-repeat center;background-size:50%;border-right:1px solid #CCC;
position:absolute;left:0;top:0;}
.option1 .btn-add{display:block;width:3.4em;height:2.8em;background:url(../image/number-add.png) no-repeat center;background-size:50%;
float:right;border-left:1px solid #CCC;position:absolute;right:0;top:0;}	
.option1 input{ border:none; margin:0 auto;   font-size:1.2em; line-height:2em; height:2.2em; width:3em; text-align:center}

/*------------选择数量 end-------------*/



.small-buttom {
  display: block;
  width: 36%;
  float: right;
  height: 2.2em;
  border-radius: 0.5em;
  font-size: 1.1em;
  margin-top: 0.1em;
  background-color: #de4046;
  color: #FFF;
  text-align: center;
  line-height: 2.2em;
}
.footer-car {
  position: relative;
  display: none;
  width: 48px;
  height: 48px;
  padding: 1em;
  z-index: 999;
  position: fixed;
  right: 5%;
  bottom: 10%;
  background: url(../image/footer-car.png) no-repeat center;
  background-size: 96%;
  background-color: #FFF;
  border: 1px solid #f1f1f1;
  border-radius: 50%;
}
.footer-car span {
  display: block;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 0.8em;
  background-color: #de4046;
  border: 1px solid #FFF;
  color: #FFF !important;
  border-radius: 50%;
}
.pro-type{background-color:#fff; overflow:hidden; margin:1em 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;}
.pro-type .pro-meta-content-h3{ margin:0.7em;}
.pro-type .option-title{ padding:1em 3%; border-bottom:1px solid #eee; font-size:1.3em;}
.pro-type .option-title a:hover{ background-color:#eee;}
.pro-type .option_detail{height:auto; max-height:25em; overflow:auto;}
.pro-type .option_name{width:94%; height:auto; padding:3%; font-size:1.2em; background-color:#f6f6f6;}
.option_name div{ font-size:1.2em; color:#de4046; margin-top:0.2em;}
.pro-type .thumbnail dt,.option .thumbnail dd{ float:left;}
.pro-type .option_detail h3,.option .option_detail ul{ clear:both;}
.pro-type .price{ width:100%;}
.pro-type .thumbnail{ margin:0.5em 0; height:5em;}
.pro-type .thumbnail dt img{ width:5em; height:5em; border:1px solid #ddd;}
.pro-type .option_detail h3 {padding:0 3%;color: #4d525d;font-size: 1.2em;margin: 1em 0 0;clear: both;font-weight: normal;}
.pro-type .option_detail ul{ height:auto; overflow:hidden; padding-bottom:1em; padding:0 3%}
.pro-type .option_detail ul li {-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: .375em;margin-left: .5em;min-width: 4em;padding:0.8em 1.2em;
border: 1px solid #e5e5e5;text-align: center;border-radius: .5em;font-size: 1em;color: #4d525d;line-height: 2rem;background-color: #f8f8f8;float: left;}
.pro-type .option_detail ul li.on {border: 1px solid #fe435d;background-color: #fe435d;color: white;}
/*----------product----------*/
.pro-property{ margin-top:0em;}
.pro-img img{ width:100%; width:100%; height:21.6em;}
.pro-meta-area{ padding:0 1.1em;  border-bottom:1px solid #e9e9e9; background-color:#FFF;}
.pro-price{ margin-top:1.6em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-meta-area h3{color:#4d4d4d; font-size:1.6em; padding-top:0.5em; line-height:1.5em;}
.edit-area{ font-size:1.5em; color:#787878; padding:0.8em 0 2em; border-top:1px dashed #bbb; margin-top:1em; position:relative;}
.edit-area span{ display:block; float:left; width:4em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-right:0.5em; }
.edit-area i{ float:left}
.edit-area:after{ position:absolute;right:0.1em; top:30%;border:1px solid #959595;border-width: 0.1em 0.1em 0 0;content: " ";display: inline-block;height: 0.7em;
vertical-align: middle;width: 0.7em;-webkit-transform: rotate(135deg);border-radius:0 0.05em 0 0;}
.pro-meta-content { margin-top:1.1em; padding:1.1em 1.1em 4em 1.1em; background-color:#FFF; border-top: 1px solid #e9e9e9;}
.pro-meta-content-h3{ font-size:1.6em; color:#e4393c; text-indent:0.3em; border-left:0.3em solid #e4393c; margin-bottom:1.1em; }
.pro-meta-content-div img{ width:100%;}
.integral{ width:100%; height:3.2em; font-size:1.2em; color:#555; border-top:1px solid #f1f1f1; margin-top:1.2em; line-height:3.2em;}
.int-01{ background-color:#de4046; color:#FFF; padding:0.2em 0.3em; border-radius:0.5em;}
.int-02{ margin:0 0.3em; color:#de4046;}
/*----------pro footer----------*/
.pro-footer{ position:fixed; left:0; bottom:0; background-color:rgba(0,0,0,.7); width:100%; height:5.0625em;}
.pro-footer-buy{ display:block; position:absolute; right:0.5em; font-size:1.8em; top:0.4em; border-radius:0.5em; width:5.5em; height:2.125em; background-color:#e4393c; text-align:center; line-height:2.125em; color:#FFF !important;}
.pro-footer-car{ display:block; position:absolute; right:7em; font-size:1.8em; top:0.4em; border-radius:0.5em; width:5.5em; height:2.125em; background-color:#ff7d00; text-align:center; line-height:2.125em; color:#FFF !important;}
/*----------收货人信息----------*/
.deliv-addres{ position:relative; width:90%; padding:5% 7% 5% 3%; background-color:#fff; margin-bottom:1.1em; font-size:1.2em; color:#333; line-height:1.6em}
.deliv-addres div:nth-child(1){ margin-bottom:0.5em; font-size:1.1em;}
.deliv-addres:after{ position:absolute; content:""; left:0; top:0; width:100%; height:0.5em; background:url(../image/addre-bg-top.png) no-repeat center; background-size:100%;}
.deliv-addres:before{ position:absolute; content:""; left:0; bottom:0; width:100%; height:0.5em; background:url(../image/addre-bg-bottom.png) no-repeat center; background-size:100%;}
.deliv-addres i{position: absolute;right: 0.5em;top: 45%;border: 1px solid #959595;border-width: 0.1em 0.1em 0 0;content: " ";
display: inline-block;height: 0.7em;vertical-align: middle;width: 0.7em;-webkit-transform: rotate(45deg);border-radius: 0 0.05em 0 0;}

/*----------确认订单----------*/
.order-list{ clear:both; border-bottom:1px dashed #CCCCCC; overflow:hidden; margin-bottom:1em;}
.order-content{ margin:0; padding:1.1em 1.1em 0; background-color:#FFF;  border-bottom:1px solid #eeeeee; overflow:hidden}
.car-price .p-price-now{ font-size:2em;}
.order-img{ width:34%}
.order-img img{ float:left; width:10em; height:10em;}
.order-name{ float:right; width:65%;height: 11em; position:relative;}
.order-name h3{  margin-bottom:0.5em; font-size:1.4em; color:#4d4d4d; height: 2.3em; overflow:hidden;}
.order-form-area{ margin:1.1em 0 0; padding:1.1em 1.1em 0em 1.1em; background-color:#fff;}
.area-list{ padding-bottom:0.7em; border-bottom:1px solid #eeeeee;  margin-bottom:1.1em;} 
.area-list-address{ position:relative; display:block; width:100%; color:#4d4d4d !important; font-size:1.4em; min-height:2.5em; line-height:1.2em; letter-spacing:3px;}
.area-list-address p{ padding-top:0.6em; width:90%;}
.area-list-address:after{ position:absolute;right:0.5em; top:35%; border:1px solid #bbb; border-width: 0.1em 0.1em 0 0;content: " ";
display: inline-block; height: 0.7em;vertical-align: middle; width: 0.7em;-webkit-transform: rotate(45deg); border-radius:0 0.05em 0 0;}
.order-form-area-h3{ font-size:1.4em; color:#e4393c; text-indent:0.3em; border-left:0.3em solid #e4393c; margin:0 0 0.5em;}
.long-text{ float:left; display:block;}
.long-text-h3{float:left;font-size: 1.5em !important; width:80%; line-height:1.4em;}

.area-list-ul{ margin-top:2em;}
.area-list-ul li a{font-size:1.2em;height: 2.4em;line-height: 2.4em;border-radius: 0.5em;border: 1px solid #b2b2b2;display: inline-block;
margin-bottom: 1em;margin-right: 1em;background-color: #fff;color: #333;text-align: center;min-width: 4.5em;padding: 0 1em;position: relative;}
.area-list-ul li a.selected{border-color: #f03f01;background-color: #fef5f2;color: #f03f01;}
.order-footer{ position:fixed; left:0; bottom:0; background-color:rgba(255,255,255,.9); width:100%; height: 5.0625em;}
.express-total-price{ font-size:1.4em; margin-left:0.625em; color:#4d4d4d; margin-top:0.2em;}
.express-total-price p{ padding-bottom:0.2em;}
.express-total-price span{ color:#f03f01; font-size:1.4em;}
.integral-type{ display:block; color:#999 !important; font-size:1.2em; height:3.6em; line-height:3.6em; border-bottom:1px solid #eee; width:100%;}
.integral-type-02,.integral-type-03{ position:relative}
.integral-type-02:after{position: absolute;right: 0.5em; top: 1.4em;border: 1px solid #bbb; border-width: 0.1em 0.1em 0 0; content: " "; display: inline-block;  height: 0.7em;
vertical-align: middle;  width: 0.7em; -webkit-transform: rotate(45deg); border-radius: 0 0.05em 0 0;}
.integral-type-03:after{position: absolute;right: 0.5em; top: 1.4em;border: 1px solid #bbb; border-width: 0.1em 0.1em 0 0; content: " "; display: inline-block;  height: 0.7em;
vertical-align: middle;  width: 0.7em; -webkit-transform: rotate(45deg); border-radius: 0 0.05em 0 0;}
.integral-money{float:right; margin-right:0.5em; color:#333;}
.integral-type-03 .integral-money{ margin-right:1.8em;}
.integral-type-03{ border-bottom:none; height:3.7em;}
.integral-type b{ background-color:#e4393c; color:#FFF; padding:0.1em 0.3em; margin-left:0.5em; border-radius:0.2em;}
/*----------我的订单----------*/
.my-order-content article{ margin-bottom:1.1em;}
.order-numbe{ background-color:#FFF; padding:1.1em; font-size:1.6em; }
.order-numbe span:nth-child(2){ color:#dd5e00; float:right;}
.order-info{ background-color:#FFF; padding:1.1em; overflow:hidden;}
.my-order-h3{font-size: 1.8em;color: #e4393c;text-indent: 0.3em;border-left: 0.3em solid #e4393c;margin: 0em 0 1em; position:relative;}
.my-order-h3:after{ position:absolute; content:""; width:100%; border-bottom:1px solid #e9e9e9; left:-0.3em; bottom:-0.5em;}
.order-info-user p{ font-size:1.5em; margin-bottom:0.7em;}
.order-info-user span{ color:#e4393c;}
.order-info-numbr{ border-bottom:1px solid #e9e9e9; color:#dd5e00;  padding:0.5em 0 ; font-size:1.6em; margin-bottom:0.5em; position:relative;}
.order-info-numbr span:nth-child(2){ margin-left: 0.5em;color: #f30;font-size: 1.1em;}
.order-info-money{ clear:both; font-size:1.6em;}
.order-info-money span{ line-height:2em;}
.order-info-money a{ float:right; padding:0.5em 1em; color:#de4046; border:2px solid #de4046; border-radius:0.5em;}
.arrow{ width:5em; height:3em; background:url(../image/arrow.png) no-repeat center; background-size:50%; position:absolute; right:0; bottom:0;}
.order-pay{ display:block; width:90%; margin:0 auto 3em; padding:0.7em 0; text-align:center; background-color:#3cb035; font-size:1.5em; color:#FFF !important; border-radius:0.5em;}
.order-delete{ display:block; width:1.856em; height:1.856em; background:url(../image/order-delete.png) no-repeat center; background-size:80%; position:absolute; right:0; top:0;}
.coll-delete{ display:none; top:11em;width:5em; height:5em;background-size:50%;}
.pay-way{ position:relative;}
.pay-way:after{position: absolute;font-size: 1em;right: 1.1em;top: 0.2em;border: 1px solid #999;border-width: 0.1em 0.1em 0 0;content: " ";
display: inline-block;height: 0.7em;vertical-align: middle;width: 0.7em;-webkit-transform: rotate(45deg);border-radius: 0 0.05em 0 0;}
.pay-way-list dt{ text-align:left; padding:0.7em 0.5em 0.5em 0.5em; border-bottom:1px solid #CCC; font-size:1.8em;}
.pay-way-list dd{ padding:1em 0; border-bottom:1px dashed #CCCCCC; font-size:1.5em}
.pay-way-list dd:hover{ background-color:rgba(0,0,0,0.1)}
.pay-way-list dd:last-child{ border:none;}
/*----------购物车----------*/
.car-left{ width:12%; height:15em;  float:left; position:relative}
.car-rigth{width:90%; float:left;}
.car-name{ width:62%;}
.car-price{ margin-bottom:0.6em; margin-top:0;}
.car-price-now{ font-size:2.025em;}
.checkbox {position: absolute;left: 0px;top: 40%;}
.checkbox input {display: none;}
input[type=checkbox], input[type=radio] {box-sizing: border-box;margin: 0;padding: 0;}
.checkbox *:checked+i {background-position: bottom;}
.checkbox i {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0 none;display: inline-block;width: 2em;height: 2em;
background: transparent url(../image/icon4_1.png) scroll no-repeat top;background-size: 100% 200%;}
.order-total-price{ font-size:1.3em; margin-top:1.3em;}
.order-total-price label{ float:left;}
.check-all{margin-left:2.5em; margin-top:1.4em; font-size:1.4em; float:left;}
.car-checkbox{margin-left:1.1em; float:left;margin-top: -0.4em;}
.car-amount{ float:left; font-size:1.2em; margin-left:1em; margin-top:0.5em; color:#f03f01}
.car-amount p{font-size:1.4em;color:#333; padding-bottom:0.2em;}
.car-amount p span{color:#f03f01}
.car-amount i{color:#666;}
.order-tj{ font-size:1.2em; color:#999}
.order-tj p{ margin-bottom:0.5em}
.order-tj span{ color:#e4393c; font-size:1.2em;}
.car-left{ width:10%; height:9em;}
.car-xj{clear:both; padding:1em 0; font-size:1.2em; border-top:1px dashed #CCCCCC;}
.car-xj b{ color:#F30}
.remark input{ width:100%; border: none; color:#333; font-size:1.2em; padding-bottom:1.1em;}
.add-img{margin-top: 1em;}
/*-----------提示框-----------*/
.Popup-box{ position:fixed !important; top:41%; left:30%; width:40%; height:18%; background:rgba(0, 0, 0, 0.5); color:#FFF; text-align:center; font-size:16px; line-height:30px; border-radius:10px;}
.Popup-box img{ margin:10% 0 7%;width:80px;height: 80px;} 
.Popup-box div{font-size: 28px;}
.added-on{ display:none;  width:60%; left:20%; height:2em; position:fixed; bottom:5em; text-align:center;background-color:rgba(0,0,0,.6); border-radius:5em; 
color:#FFF; line-height:2em; letter-spacing:2px; font-size:1.5em;}
.added{ display:block;  width:60%; left:20%; height:2em; position:fixed; bottom:5em; text-align:center;background-color:rgba(0,0,0,.6); border-radius:5em; 
color:#FFF; line-height:2em; letter-spacing:2px; font-size:1.5em;}
@media (width: 320px){ .Popup-box{height: 20%;}}


/* 分类列表 */ 
.main_box{width: 100%;height: 100%;}
.class_list_nav{ position:fixed; left:0; top:4.7em; width: 24%; background-color: #eee;height: 100%; overflow:auto; min-height:960px;  margin-right: -1px;z-index: 1000;}
.class_list_nav:after{ position:absolute; content:""; right:0; top:0; width:1px; height:100%; border-right:1px solid #e6e6e6; z-index:1}
.class_list_nav ul li{ width:92.5%; text-align:center; height:3.6em; line-height:3.6em; font-size:1.3em;border: 1px solid #eee; border-top:none; border-left: 0.2em solid #eee; border-right: 0.4em solid #eee;}
.class_list_nav ul li:last-child{ margin-bottom: 6em;}
.class_list_nav ul li.on{width:92.5%;border: 1px solid #e6e6e6;border-top:none;border-left:0.2em solid #ff2832;border-right: 0.4em solid #fff;background-color: #fff;
padding-right:1px;color: #ff2832;position:relative;z-index:3; overflow-x:hidden;}
.class-box{ position:fixed; right:0; top:4.7em; width: 100%; padding:2%; padding-bottom:20%; height: 96%; overflow:auto; z-index:1000; background-color: #fff;}
.class-box-sub{padding-bottom:5em;}
.class-box-sub h3{line-height: 1.2em;font-size: 1.2em;font-weight: normal;padding: 1em 0 0.5em;color: #4d525d; clear:both;}
.class-box-sub ul li{width: 33.333%;float: left;}
.class-box-sub ul li:last-child{ margin-bottom:2em;}
.class-box-sub ul li div{padding: 3px;}
.class-box-sub ul li div a{ display:block; background-color: #f3f3f3; padding:3px;}
.class-box-sub ul li div img{ display:block; width: 100%;height: auto;}
.class-box-sub ul li div span{text-align: center;display: block;line-height: 2.5em;height: 2em;font-size: 1em;overflow: hidden;color: #4d525d; 
width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.class_list_nav::-webkit-scrollbar {width:0px; height:0px; }
.class_list_nav::-webkit-scrollbar-button { background-color:#fff;}
.class_list_nav::-webkit-scrollbar-track {background:#fff; }
.class_list_nav::-webkit-scrollbar-thumb{background:#fff; border-radius:4px;}
.class_list_nav::-webkit-scrollbar-corner {background:#fff;}
.class_list_nav::-webkit-scrollbar-resizer  { background:#fff;}
.class-box::-webkit-scrollbar { width:0px; height:0px; }
.class-box::-webkit-scrollbar-button { background-color:#fff;}
.class-box::-webkit-scrollbar-track {background:#fff;}
.class-box::-webkit-scrollbar-thumb{ background:#fff;border-radius:4px;}
.class-box::-webkit-scrollbar-corner {background:#fff;}
.class-box::-webkit-scrollbar-resizer { background:#fff; }  
